<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <link rel="stylesheet" href="./iconfont-lu/iconfont.css" />
    <link rel="stylesheet" href="./css/matepropad-product.css" />
    <title>【订金】HUAWEI MatePad Pro 11英寸 2022 8+128GB 曜金黑</title>
  </head>
  <body>
    <!-- header -->
    <div class="header">
      <div class="header-box">
        <div class="header-box-left">
          <a href="#">首页</a>
          <a href="#">华为官网</a>
          <a href="#">花粉俱乐部</a>
          <a href="#">V码（优购码）</a>
          <a href="#">企业购</a>
          <a href="#">Select Region</a>
          <div class="more">
            <span>更多精彩</span>
            <span class="iconfont icon-xiangxia"> </span>
            <div class="more-content">
              <p><a href="">HarmonyOS</a></p>
              <p><a href="">应用市场</a></p>
              <p><a href="">华为终端云空间</a></p>
              <p><a href="">开发者联盟</a></p>
            </div>
          </div>
        </div>
        <div class="header-box-right">
          <a href="#">请登录</a>
          <a href="#">注册</a>
          <a href="#">我的订单</a>
          <div class="customer-service">
            <span>客服</span>
            <span class="iconfont icon-xiangxia"></span>
            <div class="customer-service-content">
              <p>
                <a href="#">服务中心</a>
              </p>
              <p>
                <a href="#">联系客服</a>
              </p>
            </div>
          </div>
          <div class="site-nav">
            <span>网站导航</span>
            <span class="iconfont icon-xiangxia"></span>
            <div class="site-nav-content-box">
              <div class="site-nav-content">
                <div class="font-page-icon">
                  <span class="iconfont icon-shouye"></span>
                  <a href="#">商城首页</a>
                </div>
                <!-- 频道 -->
                <div class="link-card">
                  <span>频道</span>
                  <div class="link-list">
                    <ul type="none">
                      <li>
                        <a href="#"> 华为专区</a>
                      </li>
                      <li><a href="#">教育优惠</a></li>
                    </ul>
                    <ul type="none">
                      <li><a href="#">企业购</a></li>
                      <li><a href="#">HarmonyOS</a></li>
                    </ul>
                  </div>
                </div>
                <!-- 产品 -->
                <div class="link-card">
                  <span>产品</span>
                  <div class="link-list">
                    <ul type="none">
                      <li><a href="#">手机</a></li>
                      <li><a href="#">平板</a></li>
                      <li><a href="#">智能家居</a></li>
                      <li><a href="#">耳机音箱</a></li>
                      <li><a href="#">生态产品</a></li>
                    </ul>
                    <ul type="none">
                      <li><a href="#">笔记本</a></li>
                      <li><a href="#">智能穿戴</a></li>
                      <li><a href="#">智慧屏</a></li>
                      <li><a href="#">热销配件</a></li>
                      <li><a href="#">增值服务</a></li>
                    </ul>
                  </div>
                </div>
                <!-- 产品 -->
                <div class="link-card">
                  <span>增值服务</span>
                  <div class="link-list">
                    <ul type="none">
                      <li><a href="#">以旧换新</a></li>
                      <li><a href="#">一口价换电池</a></li>
                      <li><a href="#">穿戴延保</a></li>
                      <li><a href="#">活动公告</a></li>
                    </ul>
                    <ul type="none">
                      <li><a href="#">补购保障</a></li>
                      <li><a href="#">音频延保</a></li>
                      <li><a href="#">智慧屏全质保</a></li>
                    </ul>
                  </div>
                </div>
                <!-- 产品 -->
                <div class="link-card">
                  <span>会员</span>
                  <div class="link-list">
                    <ul type="none">
                      <li><a href="#">会员频道</a></li>
                    </ul>
                    <ul type="none">
                      <li></li>
                      <li></li>
                      <li></li>
                    </ul>
                  </div>
                </div>
              </div>
            </div>
          </div>
          <!-- 手机版 -->
          <div class="mobile-version">
            <span>手机版</span>
            <span class="iconfont icon-xiangxia"></span>
            <div class="mobile-version-content-box"></div>
          </div>
          <div class="shopping-car">
            <span class="iconfont icon-shopping-car"></span>
            购物车（0）
          </div>
        </div>
      </div>
    </div>
    <!-- 导航 -->
    <div class="nav">
      <div class="nav-box">
        <div class="nav-box-left">
          <img
            src="https://res.vmallres.com/portal/1.11.6.300/h5/images/logo_app.png"
            alt=""
          />
          <div class="whole">
            <span class="iconfont icon-list"></span>
            <span> 全部商品分类 </span>
            <div class="whole-box">
              <div class="whole-content">
                <!-- 手机 -->
                <div class="category-list mobile">
                  <span>手机</span>
                  <span class="iconfont icon-xiangyou1"></span>
                  <div class="mobile-content">
                    <div class="mobile-card card3">
                      <img
                        src="https://res.vmallres.com/pimages//pages/frontCategory/14651510730611515641.png"
                        alt=""
                      />
                      <p>HUAWEI Mate系列</p>
                    </div>
                    <div class="mobile-card card3">
                      <img
                        src="https://res.vmallres.com/pimages//pages/frontCategory/Dfv6Z1jNUpkSdQEfjU40.png"
                        alt=""
                      />
                      <p>HUAWEI P系列</p>
                    </div>
                    <div class="mobile-card card3">
                      <img
                        src="https://res.vmallres.com/pimages//pages/frontCategory/15326212642611262351.png"
                        alt=""
                      />
                      <p>HUAWEI nova系列</p>
                    </div>
                    <div class="mobile-card card3">
                      <img
                        src="https://res.vmallres.com/pimages//pages/frontCategory/wJHIfRVWj3kjLp9RoTBN.png"
                        alt=""
                      />
                      <p>华为畅享系列</p>
                    </div>
                  </div>
                </div>
                <!-- 电脑 -->
                <div class="category-list computer">
                  <span>电脑</span>
                  <span class="iconfont icon-xiangyou1"></span>
                  <div class="computer-content">
                    <div class="computer-card card3">
                      <img
                        src="https://res.vmallres.com/pimages//pages/frontCategory/54858153304615185845.png"
                        alt=""
                      />
                      <p>华为MateBook X系列</p>
                    </div>
                    <div class="computer-card card3">
                      <img
                        src="https://res.vmallres.com/pimages//pages/frontCategory/12514231412613241521.png"
                        alt=""
                      />
                      <p>华为MateBook系列</p>
                    </div>
                    <div class="computer-card card3">
                      <img
                        src="https://res.vmallres.com/pimages//pages/frontCategory/tDI1s1C6u0UNK3kpjX35.png"
                        alt=""
                      />
                      <p>华为MateBook D系列</p>
                    </div>
                  </div>
                </div>
                <!-- 平板 -->
                <div class="category-list pad">
                  <span>平板</span>
                  <span class="iconfont icon-xiangyou1"></span>
                  <div class="pad-content">
                    <div class="pad-card card3">
                      <img
                        src="https://res.vmallres.com/pimages//pages/frontCategory/14651510730611515641.png"
                        alt=""
                      />
                      <p>HUAWEI Mate系列</p>
                    </div>
                    <div class="pad-card card3">
                      <img
                        src="https://res.vmallres.com/pimages//pages/frontCategory/14651510730611515641.png"
                        alt=""
                      />
                      <p>HUAWEI Mate系列</p>
                    </div>
                  </div>
                </div>
                <div class="category-list pad">
                  <span>穿戴</span>
                  <span class="iconfont icon-xiangyou1"></span>
                  <div class="pad-content"></div>
                </div>
                <div class="category-list pad">
                  <span>耳机音箱眼镜</span>
                  <span class="iconfont icon-xiangyou1"></span>
                  <div class="pad-content"></div>
                </div>
                <div class="category-list pad">
                  <span>智慧屏</span>
                  <span class="iconfont icon-xiangyou1"></span>
                  <div class="pad-content"></div>
                </div>
              </div>
            </div>
          </div>
          <a href="#">华为专区</a>
          <a href="#">莫塞尔</a>
          <a href="#">华为智选</a>
          <a href="#">鸿蒙智联</a>
          <a href="#">HarmonyOS</a>
        </div>
        <div class="nav-box-right">
          <input type="text" placeholder="nova 9   P50          " />
          <span class="iconfont icon-search"></span>
        </div>
      </div>
    </div>
    <!-- 选择区 -->
    <div class="title-box">
      <p>
        <a href="#" target="_blank">首页</a>&gt;<a href="#" target="_blank"
          >平板</a
        >&gt; <a href="#" target="_blank">MatePad Pro系列</a>&gt; HUAWEI MatePad
        Pro 11英寸 2022 8+128GB 曜金黑
      </p>
    </div>
    <!-- 商品信息 -->
    <div class="product-info">
      <div class="product-info-box">
        <!-- 左：图片展示3 -->
        <div class="picture-display">
          <span class="iconfont icon-left"></span>
          <div class="img1">
            <img
              src="https://res.vmallres.com/pimages//uomcdn/CN/pms/202208/displayProduct/10086304972824/800_800_b_web8FAEE7D9FAA0C00C2C597A7D3BB7D100.png"
              alt=""
            />
            <div class="big-picture img-index1">
              <img
                src="https://res.vmallres.com/pimages//uomcdn/CN/pms/202208/displayProduct/10086304972824/800_800_b_web8FAEE7D9FAA0C00C2C597A7D3BB7D100.png"
                alt=""
              />
            </div>
          </div>
          <div class="img2">
            <img
              src="https://res.vmallres.com/pimages//uomcdn/CN/pms/202207/gbom/6941487272051/800_800_6DA6885FA629B282A9B21C88EAB773E9mp.png"
              alt=""
            />
            <div class="big-picture img-index2">
              <img
                src="https://res.vmallres.com/pimages//uomcdn/CN/pms/202207/gbom/6941487272051/800_800_6DA6885FA629B282A9B21C88EAB773E9mp.png"
                alt=""
              />
            </div>
          </div>
          <div class="img3">
            <img
              src="https://res.vmallres.com/pimages//uomcdn/CN/pms/202207/gbom/6941487272051/group//800_800_D9AC64E5FB1D59EFFA54F6DEA979E69B.png"
              alt=""
            />
            <div class="big-picture img-index3">
              <img
                src="https://res.vmallres.com/pimages//uomcdn/CN/pms/202207/gbom/6941487272051/group//800_800_D9AC64E5FB1D59EFFA54F6DEA979E69B.png"
                alt=""
              />
            </div>
          </div>
          <div class="img4">
            <img
              src="https://res.vmallres.com/pimages//uomcdn/CN/pms/202207/gbom/6941487272051/group//800_800_D20C3D24D43FB176029F5E6D8B9A49E5.jpg"
              alt=""
            />
            <div class="big-picture img-index4">
              <img
                src="https://res.vmallres.com/pimages//uomcdn/CN/pms/202207/gbom/6941487272051/group//800_800_D20C3D24D43FB176029F5E6D8B9A49E5.jpg"
                alt=""
              />
            </div>
          </div>
          <div class="img5">
            <img
              src="https://res.vmallres.com/pimages//uomcdn/CN/pms/202207/gbom/6941487272051/group//800_800_DA2E68E285C3DE514DF0275FD40191F5.jpg"
              alt=""
            />
            <div class="big-picture img-index5">
              <img
                src="https://res.vmallres.com/pimages//uomcdn/CN/pms/202207/gbom/6941487272051/group//800_800_DA2E68E285C3DE514DF0275FD40191F5.jpg"
                alt=""
              />
            </div>
          </div>
          <span class="iconfont icon-right"></span>
        </div>
        <!-- 左：图片展示2 -->
        <!-- 
        <div class="picture-display">
          <div class="picture-display-up img1">
            <img
              src="https://res.vmallres.com/pimages//uomcdn/CN/pms/202208/displayProduct/10086304972824/800_800_b_web8FAEE7D9FAA0C00C2C597A7D3BB7D100.png"
              alt=""
            />
          </div>
          <div class="picture-display-up img2">
            <img
              src="https://res.vmallres.com/pimages//uomcdn/CN/pms/202207/gbom/6941487272051/800_800_6DA6885FA629B282A9B21C88EAB773E9mp.png"
              alt=""
            />
          </div>
          <div class="picture-display-up img3">
            <img
              src="https://res.vmallres.com/pimages//uomcdn/CN/pms/202207/gbom/6941487272051/group//800_800_D9AC64E5FB1D59EFFA54F6DEA979E69B.png"
              alt=""
            />
          </div>
          <div class="picture-display-up img4">
            <img
              src="https://res.vmallres.com/pimages//uomcdn/CN/pms/202207/gbom/6941487272051/group//800_800_D20C3D24D43FB176029F5E6D8B9A49E5.jpg"
              alt=""
            />
          </div>
          <div class="picture-display-up img5">
            <img
              src="https://res.vmallres.com/pimages//uomcdn/CN/pms/202207/gbom/6941487272051/group//800_800_DA2E68E285C3DE514DF0275FD40191F5.jpg"
              alt=""
            />
          </div>
          <span class="iconfont icon-left"></span>
          <img
            class="img-index1"
            src="https://res.vmallres.com/pimages//uomcdn/CN/pms/202207/displayProduct/10086304972824/800_800_a_web791F17FAF1AE122FAD75B3F8AE08E829.png"
            alt=""
          />
          <img
            class="img-index2"
            src="https://res.vmallres.com/pimages//uomcdn/CN/pms/202207/gbom/6941487272051/800_800_6DA6885FA629B282A9B21C88EAB773E9mp.png"
            alt=""
          />
          <img
            class="img-index3"
            src="https://res.vmallres.com/pimages//uomcdn/CN/pms/202207/gbom/6941487272051/group//800_800_D9AC64E5FB1D59EFFA54F6DEA979E69B.png"
            alt=""
          />
          <img
            class="img-index4"
            src="https://res.vmallres.com/pimages//uomcdn/CN/pms/202207/gbom/6941487272051/group//800_800_D20C3D24D43FB176029F5E6D8B9A49E5.jpg"
            alt=""
          />
          <img
            class="img-index5"
            src="https://res.vmallres.com/pimages//uomcdn/CN/pms/202207/gbom/6941487272051/group//800_800_DA2E68E285C3DE514DF0275FD40191F5.jpg"
            alt=""
          />
          <span class="iconfont icon-right"></span>
        </div> -->
        <!-- <div class="picture-display">
          <div class="picture-display-up">
            <img
              src="https://res.vmallres.com/pimages//uomcdn/CN/pms/202207/displayProduct/10086304972824/800_800_a_web791F17FAF1AE122FAD75B3F8AE08E829.png"
              alt=""
            />
          </div>
          <div class="picture-display-down">
            <span class="iconfont icon-left"></span>
            <img
              src="https://res.vmallres.com/pimages//uomcdn/CN/pms/202207/displayProduct/10086304972824/800_800_a_web791F17FAF1AE122FAD75B3F8AE08E829.png"
              alt=""
            />
            <img
              src="https://res.vmallres.com/pimages//uomcdn/CN/pms/202207/gbom/6941487272051/800_800_6DA6885FA629B282A9B21C88EAB773E9mp.png"
              alt=""
            />
            <img
              src="https://res.vmallres.com/pimages//uomcdn/CN/pms/202207/gbom/6941487272051/group//800_800_D9AC64E5FB1D59EFFA54F6DEA979E69B.png"
              alt=""
            />
            <img
              src="https://res.vmallres.com/pimages//uomcdn/CN/pms/202207/gbom/6941487272051/group//800_800_D20C3D24D43FB176029F5E6D8B9A49E5.jpg"
              alt=""
            />
            <img
              src="https://res.vmallres.com/pimages//uomcdn/CN/pms/202207/gbom/6941487272051/group//800_800_DA2E68E285C3DE514DF0275FD40191F5.jpg"
              alt=""
            />
            <span class="iconfont icon-right"></span>
          </div>
        </div> -->
        <!-- 右：选品 -->
        <div class="select-box">
          <h3>【订金】HUAWEI MatePad Pro 11英寸 2022 8+128GB 曜金黑</h3>
          <p>
            【8月10日新品首销】①预订立省200元
            ②晒单限量抽智能皮套③付尾款前2000名赠精美自拍杆 ④优享3期免息
          </p>
          <div class="price-box">
            <div class="intro-row price-row">
              <span>价&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;格</span>
              <span class="price">￥3499.00</span>
              <span class="price">订金￥100.00</span>
              <span class="price">可抵￥300.00</span>
            </div>
            <div class="intro-row discount-row">
              <span>促&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;销</span>
              <span>分期免息</span>
              <p>
                银联、花呗、掌上生活、工行分期支付可享免息（免息活动适用于单款免息商品订单，含多款商品订单仅在免息活动一致时可享用）
              </p>
            </div>
            <div class="intro-row discount-row">
              <span></span>
              <span>赠送积分</span>
              <p>购买即赠商城积分，积分可抵现~</p>
            </div>
          </div>
          <!-- 服务说明 -->
          <div class="intro-row service-instructions">
            <span>服务说明</span>
            <p>
              <span class="iconfont icon-chosen"></span>满48元包邮
              <span class="iconfont icon-chosen"></span
              >由华为终端提供商品、发货开票及售后服务
              <a href="#">查看详情</a>
            </p>
          </div>
          <div class="intro-row commodity-code">
            <span>商品编码</span>
            <p>2701010073523</p>
          </div>
          <!-- 选择版本 -->
          <div class="intro-row select-version select-version-row1">
            <span>选择版本</span>
            <span class="selected">WiFi 8GB+128GB 性能版</span>
            <span>WiFi 8GB+256GB 性能版</span>
            <span>WiFi 12GB+512GB 性能版</span>
          </div>
          <div class="intro-row select-version select-version-row2">
            <span></span>
            <span>全网通 8GB+256GB 性能版</span>
            <span>WiFi 8GB+128GB</span>
            <span>WiFi 8GB+256GB</span>
          </div>
          <div class="intro-row select-version select-version-row3">
            <span></span>
            <span>全网通 12GB+512GB 性能版+键盘（灰）+笔</span>
          </div>
          <!-- 选择颜色 -->
          <div class="intro-row choose-color">
            <span>选择颜色</span>
            <div class="color-box">
              <img
                src="https://res.vmallres.com/pimages//uomcdn/CN/pms/202207/gbom/6941487273522/40_40_81AC38DB68BD3994CD08F2F85CEEAB25mp.png"
                alt=""
              />
              <span>晶钻白</span>
            </div>
            <div class="color-box selected">
              <img
                src="https://res.vmallres.com/pimages//uomcdn/CN/pms/202207/gbom/6941487273539/40_40_B69524348B3150C615A6AEDB4D4E5119mp.png"
                alt=""
              />
              <span>曜金黑</span>
            </div>
            <div class="color-box">
              <img
                src="https://res.vmallres.com/pimages//uomcdn/CN/pms/202207/gbom/6941487271504/40_40_B5061EF282FF6A266E849BE7FAFA3E08mp.png"
                alt=""
              />
              <span>星河蓝</span>
            </div>
            <div class="color-box">
              <img
                src="https://res.vmallres.com/pimages//uomcdn/CN/pms/202207/gbom/6941487274192/40_40_CCC078E10C4B4A0455E041262A4D37FEmp.png"
                alt=""
              />
              <span>锦白</span>
            </div>
          </div>
          <!-- 选择销售类型 -->
          <div class="intro-row sale-type">
            <span>选择销售类型</span>
            <span>全款购买</span>
            <span class="selected">订金优惠</span>
          </div>
          <!-- 保障服务 -->
          <div class="intro-row guarantee-service">
            <span>保障服务</span>
            <div class="guarantee-service-card">
              <span>碎屏服务宝1年￥399</span>
              <span class="iconfont icon-xiangxia"></span>
            </div>
            <div class="guarantee-service-card">
              <span>华为延长服务宝（一年期）￥368</span>
              <span class="iconfont icon-xiangxia"></span>
            </div>
          </div>
          <!-- 推荐 -->
          <div class="intro-row recommend">
            <span>推荐</span>
            <div class="recommend-box">
              <img
                src="https://res.vmallres.com/pimages//uomcdn/CN/pms/202207/gbom/6941487272617/428_428_2B2B37195DA7BD060EBEA2809559FE10mp.png"
                alt=""
              />
              <p>HUAWEI M-Pencil 第二代 2022</p>
            </div>
            <div class="recommend-box">
              <img
                src="https://res.vmallres.com/pimages//uomcdn/CN/pms/202207/gbom/6941487264483/428_428_AD27E15F8A4EC090A7DF71F7616C292Amp.png"
                alt=""
              />
              <p>HUAWEI MatePad Pro 11英寸 智能磁吸键盘</p>
            </div>
            <div class="recommend-box">
              <img
                src="https://res.vmallres.com/pimages//uomcdn/CN/pms/202205/gbom/6941487254378/428_428_AF7B40F7F0E3AD3045BF1A40F087E8F8mp.png"
                alt=""
              />
              <p>HUAWEI MatePad Pro 10.8英寸</p>
            </div>
            <div class="recommend-box">
              <img
                src="https://res.vmallres.com/pimages//product/6941487238972/428_428_FEB761E6839DF3963B1084F150485BAE3A0CEF5E8589B0AAmp.png"
                alt=""
              />
              <p>HUAWEI MateBook E 2022款</p>
            </div>
          </div>
          <!-- 已选择商品 -->
          <div class="intro-row chosen-product">
            <span>已选择商品：</span>
            <p>WiFi 8GB+128GB / 曜金黑 / 订金优惠</p>
          </div>
          <!-- 支付订金 -->
          <div class="pay-box">
            <input type="text" placeholder="1" />
            <a href="#">支付订金</a>
          </div>
          <!-- 购买流程 -->
          <div class="purchase-process">
            <div class="purchase-process-left">
              <span>购买流程</span>
            </div>
            <div class="purchase-process-right">
              <p>
                1.&nbsp;&nbsp;&nbsp;支付订金（2022.07.27 21:08 ~ 2022.08.09
                23:59）
              </p>
              <p>
                2.&nbsp;&nbsp;&nbsp;支付尾款（2022.08.10 00:00 ~ 2022.08.10
                23:59）
              </p>
              <p>3.&nbsp;&nbsp;&nbsp;等待发货（按支付尾款时间顺序发货）</p>
            </div>
          </div>
        </div>
      </div>
    </div>
    <!-- 底部 -->
    <div class="footer">
      <div class="footer-box">
        <div class="footer-box-top">
          <ul type="none">
            <li>
              <a href="#"><span></span>百强企业 品质保证</a>
            </li>
            <li>
              <a href="#"><span></span>7天退货 15天换货</a>
            </li>
            <li>
              <a href="#"><span></span>48元起免运费</a>
            </li>
            <li>
              <a href="#"><span></span>2000家服务店 全国联保</a>
            </li>
          </ul>
        </div>
        <div class="footer-box-service-area">
          <div class="footer-box-links-area">
            <div class="links-area-title">
              <ul type="none">
                <li>购物指南</li>
                <li>售后服务</li>
                <li>维修与技术支持</li>
                <li>特色服务</li>
                <li>关于我们</li>
                <li>友情链接</li>
              </ul>
            </div>
            <div class="links-area-box">
              <ul type="none">
                <li>
                  <a href="#">免息分期</a>
                </li>
                <li>
                  <a href="#">以旧换新</a>
                </li>
                <li>
                  <a href="#">众测活动</a>
                </li>
                <li>
                  <a href="#">企业购</a>
                </li>
                <li>
                  <a href="#">O2O采购</a>
                </li>
              </ul>
              <ul type="none">
                <li>
                  <a href="#">门店维修</a>
                </li>
                <li>
                  <a href="#">保修政策</a>
                </li>
                <li>
                  <a href="#">防伪查询</a>
                </li>
                <li>
                  <a href="#">退换货政策</a>
                </li>
                <li>
                  <a href="#">手机寄修服务</a>
                </li>
                <li>
                  <a href="#">维修备件价格查询</a>
                </li>
              </ul>
              <ul type="none">
                <li>
                  <a href="#">服务店</a>
                </li>
                <li>
                  <a href="#">预约维修</a>
                </li>
                <li>
                  <a href="#">手机寄修</a>
                </li>
                <li>
                  <a href="#">备件价格查询</a>
                </li>
                <li>
                  <a href="#">上门服务</a>
                </li>
              </ul>
              <ul type="none">
                <li>
                  <a href="#">门店维修</a>
                </li>
                <li>
                  <a href="#">防伪查询</a>
                </li>
                <li>
                  <a href="#">补购保障</a>
                </li>
                <li>
                  <a href="#">以旧换新</a>
                </li>
                <li>
                  <a href="#">礼品包装</a>
                </li>
              </ul>
              <ul type="none">
                <li>
                  <a href="#">公司介绍</a>
                </li>
                <li>
                  <a href="#">华为零售店</a>
                </li>
                <li>
                  <a href="#">商家中心</a>
                </li>
                <li>
                  <a href="#">意见反馈</a>
                </li>
              </ul>
              <ul type="none">
                <li>
                  <a href="#">华为集团</a>
                </li>
                <li>
                  <a href="#">华为CBG官网</a>
                </li>
                <li>
                  <a href="#">花粉俱乐部</a>
                </li>
                <li>
                  <a href="#">华为云</a>
                </li>
                <li>
                  <a href="#">华为应用市场</a>
                </li>
              </ul>
            </div>
          </div>
          <!-- 右边 -->
          <div class="footer-box-online-service-area">
            <span class="tel-number">950805</span>
            <p>7x24小时客服热线（仅收市话费）</p>
            <div class="kefu-button">
              <span class="iconfont icon-kefu"></span><a href="#"> 在线客服 </a>
            </div>
            <div class="focus-on-vmall">
              <span>关注VMALL：</span>
              <div class="qr-box">
                <span class="iconfont icon-weixin"></span>
                <div class="qr-code"></div>
              </div>
              <div class="qr-box">
                <span class="iconfont icon-toutiao"></span>
                <div class="qr-code"></div>
              </div>
              <div class="qr-box">
                <span class="iconfont icon-weibo"></span>
                <div class="qr-code"></div>
              </div>
              <div class="qr-box">
                <span class="iconfont icon-baidu"></span>
                <div class="qr-code"></div>
              </div>
            </div>
          </div>
        </div>
        <!-- 相关资质 -->
        <div class="footer-box-relevant-qualifications">
          <div class="relevant-qualifications-img">
            <img
              src="https://res.vmallres.com/pimages/template/content/2016/20160226162415360.png"
              alt=""
            />
          </div>
          <img
            src="https://res.vmallres.com/pimages//pages/cdnImages/33223073294617032233.png"
            alt=""
          />
          <div class="footer-box-relevant-qualifications-right">
            <div class="footer-box-relevant-qualifications-right-list1">
              <a href="#">华为集团</a>
              <a href="#">华为CBG官网</a>
              <a href="#">花粉俱乐部</a>
              <a href="#">华为应用市场</a>
              <a href="#">HarmonyOS</a>
              <a href="#">华为终端云空间</a>
              <a href="#">开发者联盟</a>
              <a href="#">华为商城手机版</a>
            </div>
            <div class="footer-box-relevant-qualifications-right-list2">
              <a href="#">隐私声明</a>
              <a href="#">服务协议</a>
              <a href="#">COOKIES</a>
              <span>Copyright © 2012-2022 华为终端有限公司 版权所有</span>
              <a href="#">经营资质</a>
              <a href="#">粤ICP备19015064号</a>
              <a href="#">粤公安备44190002003939号</a>
            </div>
            <div class="footer-box-relevant-qualifications-right-list2">
              <a href="#">增值电信业务经营许可证：粤B2-20190762</a>
              <a href="#">备案主体编号：44201919072182</a>
              <a href="#">粤新出网备（2021）2号</a>
              <a href="#">（粤）网械平台备字[2022]第00005号</a>
            </div>
            <div class="footer-box-relevant-qualifications-right-list2">
              <a href="#">互联网药品信息服务资格证（粤）-非经营性-2020-0102</a>
              <a href="#">粤东食药监械经营备20203930</a>
              <a href="#">广东省网络食品交易第三方平台备案：GDWS10168</a>
            </div>
          </div>
        </div>
      </div>
    </div>
  </body>
</html>
